import React from 'react';
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';

const onChange = (key: string) => {
  console.log(key);
};

const items: TabsProps['items'] = [
  {
    key: '1',
    label: '热门',
    children: [
        <div>
            <p>啊实打实大师多撒打算</p><br />
            <p>啊实打实大师多撒打算</p><br />
            <p>啊实打实大师多撒打算</p><br />

            <p>啊实打实大师多撒打算</p><br />

            <p>啊实打实大师多撒打算</p><br />
            <p>啊实打实大师多撒打算</p><br />

        </div>
    ],
  },
  {
    key: '2',
    label: '关注',
    children: [
        <div>
            <p>啊实打实大师多撒打算</p><br />
            <p>啊实打实大师大师多撒打算陪我泡温泉卫栖梧多撒打算</p><br />
            <p>啊实打实大师多撒打算</p><br />

            <p>啊实打实大师多撒打算</p><br />

            <p>啊实打实大师大师多撒打算陪我泡温泉卫栖梧多撒打算</p><br />
            <p>啊实打实大师多撒打算</p><br />

        </div>
    ],
  },
  {
    key: '3',
    label: '作品',
    children: [
        <div>
            <p>啊实打实大师多撒打算陪我泡温泉卫栖梧</p><br />
            <p>啊实打实大师多撒打算大师多撒打算陪我泡温泉卫栖梧</p><br />
            <p>啊实打实大大师多撒打算陪我泡温泉卫栖梧师多撒打算</p><br />

            <p>啊实打实大师多撒打算大师多撒打算陪我泡温泉卫栖梧</p><br />

            <p>啊实打实大大师多撒sss打算陪我泡温泉卫栖梧师多撒打算</p><br />
            <p>啊实打实大师多撒打算陪我泡温泉卫栖梧大师多撒打算</p><br />

        </div>
    ],
  },
];

const App: React.FC = () => <Tabs defaultActiveKey="1" items={items} onChange={onChange} />;

export default App;